/* init css */
* {box-sizing: border-box;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
html { line-height: 1.15; -webkit-text-size-adjust: 100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,button,p,blockquote,th,td {margin: 0;padding: 0;font-size: inherit;vertical-align: baseline;}
main { display: block; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; color: #333;}
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none;border: 0; width: 100%; height: 100%;object-fit: contain;}
svg { width: 100%; height: 100%; object-fit: contain;}
table {border-collapse: collapse;border-spacing:0}
ol,ul,li {list-style: none;}
iframe {width:100%;border: none;}
input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; } 
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { appearance: button; -webkit-appearance: button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; border: 0;}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } 
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { appearance: textfield;-webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
template { display: none;}
[hidden] {display: none;}

/* definition */
:root {
  --theme-color: #002FA7;
}

/* class */
@media screen and (max-width: 768px) {
  .x-w-sm,.x-w-md,.x-w-lg {width: 92%;margin: 80px auto;}
  .x-title {font-size: 20px;font-weight: 600;color: #333;}
  .x-subtitle {font-size: 18px;font-weight: 500;color: #666;}
}
@media screen and (min-width: 768px) {
  .x-w-sm,.x-w-md,.x-w-lg {width: 768px;margin: 100px auto;}
  .x-title {font-size: 24px;font-weight: 600;color: #333;}
  .x-subtitle {font-size: 20px;font-weight: 500;color: #666;}
}
@media screen and (min-width: 1024px) {
  .x-w-sm,.x-w-md,.x-w-lg {width: 1024px;margin: 120px auto;}
  .x-title {font-size: 28px;font-weight: 600;color: #333;}
  .x-subtitle {font-size: 22px;font-weight: 500;color: #666;}
}
@media screen and (min-width: 1200px) {
  .x-w-md,.x-w-lg {width: 1200px;margin: 140px auto;}
  .x-title {font-size: 32px;font-weight: 600;color: #333;}
  .x-subtitle {font-size: 24px;font-weight: 500;color: #666;}
}
@media screen and (min-width: 1500px) {
  .x-w-lg {width: 1500px;margin: 160px auto;}
}

.scrollbar-none {scrollbar-width: none;-ms-overflow-style: none;}
.scrollbar-unbg {scrollbar-width: thin;scrollbar-color: #DDDDDD transparent;}
.scrollbar-round::-webkit-scrollbar {width: 8px;height: 8px;}
.scrollbar-round::-webkit-scrollbar-track {background: #F1F1F1;border-radius: 4px;}
.scrollbar-round::-webkit-scrollbar-thumb {background-color: #DDDDDD;border-radius: 4px;}
.scrollbar-round::-webkit-scrollbar-thumb:hover {background-color: #CCCCCC;}
.scrollbar-round::-webkit-scrollbar-corner {display: none;}
.scrollbar-round::-webkit-scrollbar-button {display: none;}

